* {
    padding: 0;
    margin: 0;
    border: 0;
}

@media only screen and (min-width: 300px) {
    .querymessage i {
        font-size: 12px;
    }
    .nav-box {
        font-size: 11px;
    }
    .nav-list ul li {
        width: 25%;
    }
}

@media only screen and (min-width: 400px) {
    .querymessage i {
        font-size: 12px;
    }
    .nav-box {
        font-size: 11px;
    }
    .nav-list ul li {
        width: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .querymessage i {
        font-size: 12px;
    }
    .nav-box {
        font-size: 12px;
    }
    .nav-list ul li {
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) {
    .querymessage i {
        font-size: 15px;
    }
    .nav-box {
        font-size: 13px;
    }
    .nav-list ul li {
        width: 18%;
    }
}

@media only screen and (min-width: 1680px) {
    .querymessage i {
        font-size: 13.5px;
    }
    .nav-box {
        font-size: 13.5px;
    }
    .nav-list ul li {
        width: 18%;
    }
}

@media only screen and (min-width: 1920px) {
    .querymessage i {
        font-size: 14px;
    }
    .nav-box {
        font-size: 13.5px;
    }
    .nav-list ul li {
        width: 18%;
    }
}